<script setup lang="ts">
  import Child from '@/components/provideAndinjectExample/ChildComponent.vue'
  import {ref, provide, } from 'vue'

  // 需要定义
  import {gift} from './provide'

  const car=ref('奔驰')
  // provide的参数key、value。
  // 比较特殊的是value的类型是通过给key标记类型来实现的。
  // key是一个Symbol() ，通过断言 as InjectionKey<value的类型>
  provide(gift,car)
</script>

<template>
  <div style="border: solid 1px black;padding:20px">
    父组件
    <div style="color: red">provide发送的数据：{{car}}</div>
    <Child/>
  </div>
</template>

<style scoped>

</style>